ZLMediaKit编译与webrtc推拉流测试
ZLMediaKit支持了webrtc的推流与播放。特此记录下编译与测试的过程。编译环境OS版本：Ubuntu 20.04.2 LTSopenssl版本：OpenSSL 1.1.1fgcc版本：9.3.0cmake版本：3.16.3编译准备工作安装openssl。$ git clone https://github.com/openssl/openssl.git$ ./config$ make -j4$ sudo make install# 查看openssl版本$ openssl version -a安装...
2024-01-10
vue+echarts实现进度条式柱状图
本文实例为大家分享了vue+echarts实现进度条式柱状图的具体代码，供大家参考，具体内容如下效果图如下代码：<template> <div class="content-page"> <div class="tab-content"> <div id="myChart1"></div> </div> </div></template><script>import * as echarts from 'echarts';export default { data() { ...
2024-01-10useRef和createRef有什么区别？
我偶然发现钩子文档useRef。看他们的例子…function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} ty...
2024-01-10
react16与react15之间的区别
项目中我一般用的还是react15的比较多，偶尔接触react16，目前使用的大多是生命周期的区别，16新增了几个生命周期。static getDerivedStateFromProps：用于代替componentReceiveProps。是个静态方法。父组件传入子组件的属性更新时，同步更新子组件state。B的a属性值是state，会变化新值和旧值不同时，返回新值更...
2024-01-10
在vue中实现echarts随窗体变化
<div id="myChart" :style="{width: '100%', height: '345px'}"></div><script> export default {mounted(){ this.drawLine(); }, methods: { drawLine(){ var myChartContainer = document.getElementById('myChart'); //用于使chart自适应宽度,通过窗体宽计算容器高宽 var r...
2024-01-10
react/vue 组件设计方法/原则
网上看到了好多篇 react/vue 组件设计方法/原则 ，内容都是雷同（指不该相同而相同）。 我深恶痛绝，并深刻检讨自己，意识到普及互联网知识已经迫在眉睫，绝不容许有人浑水摸鱼。在短暂的失落和悲怆过后，这肩负振兴祖国互联网知识的重任，舍我其谁？ 我集百家之长于一身，取其精华去...
2024-01-10vue，函数返回reactive对象，返回类型应该如何申明？
网上大部分是关于直接赋值的方法。如：interface Data { name: number}const data: Data = reactive({ name: 1})这段代码运行确实不会报错，data的类型就是Data但是，我想要实现如：const renderData =() => { return reactive({ name: 1 })}这个时候不...
2024-02-17
【转】vue中动态设置meta标签和title标签
因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮，所有就需要手动设置meta标签，标题和内容//router内的设置{ path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', name...
2024-01-10
React和Vue特性和书写差异
Vue均使用ES6语法，主要以单文件组件为例，写法上优先使用缩写。React使用TS语法。生命周期VueReact入口&根实例Vueconst app = new Vue({ /* 选项 */ render: (h) => h(App) // App为根组件}).$mount('#app')ReactReactDOM.render( <App/>, // App为根组件 document.getElementById('app'))组件定义Vue// 定义组件构造器va...
2024-01-10详解从react转职到vue开发的项目准备
前言首先，为什么我需要做这个项目准备工作呢？因为常年习惯React开发的我，最近突然接手了一个Vue项目，而之前基本没有过Vue的实践，这么突兀让还在沉溺于React开发的我进行Vue开发，甚是不习惯，那自然我需要想办法让Vue开发尽量与React相似，这样大概让自己在开发过程中更得心应手吧。组件开...
2024-01-10
vue+vant实现购物车全选和反选功能
本文实例为大家分享了vue+vant实现购物车全选和反选的具体代码，供大家参考，具体内容如下这是效果图：话不多少,直接上代码:<template> <div class="cart"> <div class="st-spacing-main" v-for="(item) in cartInfoList" :key="item.id"> <div class="st-item product-item"> <div class="st-border-bottom store-title"> <p @c...
2024-01-10
怎么排查 Vue-Router 渲染不出来的问题？
问题描述开发环境vue 3.3.4vue-router@4IDE: vs-code 1.80我尝试跟着 vue-router官方教程 做demo, router-link 渲染了, 但是 router-view 没有渲染. 页面和控制台又没报错。试了好多种方法，检查了关键字是否写错，都不行.请大家帮忙看看, thanks!文件列表main.jsimport { createApp } from '...
2024-02-07
Vue --》 如何在vue中调用百度地图
1.项目根目录下下载百度地图插件 npm install vue-baidu-map –save2.在首页index.html中引入百度地图: <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=秘钥"></script> 我申请的**为 ：3bVHdeo2ZZaZO4QczC63d0kMsbA55ZSD3.在显示地图的组件中 template 中： <div class="baidumap" id="a...
2024-01-10
vue-router 基础
安装NPMnpm install vue-router如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter)如果使用全局的 script 标签，则无须如此（手动安装）。开始用Vue.js+vue-router创建单页应用，是非常简单的。使用Vue.js,我们已...
2024-01-10
vue钩子函数mounted,页面回退时不执行
一、问题描述目前在做一个电商项目，在商品列表list点击item商品的查看详情按钮时，首次进入详情页，页面会进行渲染，钩子会走mounted,但回退之后，再点击其他商品详情，详情页不会进行更新渲染。问题代码如下：商品列表页：商品详情页：二、解决办法将钩子mounted的操作放入钩子activated，...
2024-01-10
vue--vuex详解
Vuex 什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vue...
2024-01-10解决vue-router在同一个路由下切换,取不到变化的路由参数问题
最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。在网上查找了一番后发现可以这样写：watch: { '$route' (to, from) { //这样就可以获取到变化的参数了，然后执行参数变化后相应的逻辑就行...
2024-01-10
基于vue-cli构建vue-router的入门级demo
本案列仅针对刚刚入门vue学习的伙伴，博主也是刚刚在学基于vue-cli搭建脚手架项目，对于前端大牛，可以移步。快速搭建vue-cli环境如何搭建基于vue-cli项目，这里不再叙述，如果不会的伙伴可以自己百度。项目搭建完成后，基本文件目录如下：打开我们刚刚创建的my-project文件夹，这里对文件夹下的...
2024-01-10
vue-quill-editor插入图片路径太长问题解决方法
最近做项目的时候有一个发布新闻的需求，新闻编辑的时候要求能发布带格式的文本内容和能展示支持图片。由于项目是用 Vue 开发的，所以找编辑器的时候选了 vue-quill-editor 。编辑器长如下的样子：现在的问题但是这个编辑器会把插入的图片会转成 base64 位的编码，使得编辑器内容保存进数据库的...
2024-01-10
vue实践---vue不依赖外部资源实现简单多语操作
vue使用多语，最常见的就是 vue-i18n, 但是如果开发中的多语很少，比如就不到10个多语，这样就没必要引入vue-i18n了， 引入了反正导致代码体积大了，这时候单纯用vue实现多语就是比较好的选择。第一步首先建立一个locales.js 存放多语语言包的内容，这里只写了 zh-CN, en这两种语言，其他还想新增的话 ...
2024-01-10
vue项目中router路由配置
介绍路由：控制组件之间的跳转，不会实现请求、不用页面刷新，直接跳转-切换组件》》》安装本地环境安装路由插件vue-router： cnpm install vue-router --save-dev 配置两种配置方法：在main.js中 || 在src/router文件夹下的index.js中这里只说在src/router/index.js中引入：import Vue from 'vue'import Router from 'vue-rou...
2024-01-10
【Vue】请问chrome调试代码怎么没高亮显示了？
如图，调试代码没有任何高亮，全黑，请问是哪里设置出问题了吗？回答最新的正式版79.0貌似在控制台调试不能高亮了，可以安装开发者版本（现在最新的是80.0），https://www.google.com/intl/z...请到官网上去下载测试版就可以了，或者等待chrome更新新版（新版会修复这个bug）。测试版地址：https://www.google.c...
2024-01-10
基于vue项目安装插件谷歌镜像失败问题解决
报错信息：谷歌镜部分像被墙掉了npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! chromedriver@2.46.0 install: `node install.js`npm ERR! Exit status 1npm ERR! npm ERR! Failed at the chromedriver@2.46.0 install script.npm ERR! This is probably not a problem with npm. There i...
2024-01-10
vue for 绑定事件
<div > <div class="pro"> <div><img src="../img/favicon.png"> <span>{{item.spin_times}}</span></div> <button @click="buySpins(item.spin_times,item.price)" class="btn btn-info"><b>￥</b><span>{{item.price}}</span></button> </div></div>...
2024-01-10已安装SpecFlow.Allure，但在服务器上它不起作用
我有一个SpecFlow Allure在本地工作，但在服务器上的问题没有。我有Windows 2008服务器和我使用Gradle的.tpl文件。当我加入到我的TPL 相同的设置上的app.config `已安装SpecFlow.Allure，但在服务器上它不起作用<plugins> <add name="Allure" type="Runtime"/></plugins><stepAssemblies> <stepAssembly assembly="Allure.SpecFlowPlu...
2024-01-10
三星新气象：TouchWiz臃肿插件全部砍掉
三星新气象：TouchWiz臃肿插件全部砍掉 TouchWiz界面是三星手机的标志，众多的扩展应用、插件更是三星一贯非常喜欢的，但太多的功能一般人根本用不上，也导致系统极为臃肿。为此从Galaxy S5开始，三星就将部分应用和功能改为可选下载方式。 此前有消息称，三星正准备大幅度精简TouchWiz，力图...
2024-01-10
在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示）
1、使用npm安装依赖npm install --save codemirror;2、在页面中放入如下代码<template> <div> <textarea ref="mycode" class="codesql" v-model="code" style="height:200px;width:600px;"></textarea> </div></template><script>import 'codemirror/theme/ambiance.css'import 'codemirror...
2024-01-10
vue 各组件 使用 Demo
环境搭建假设你已经通读vue官方文档（文档都没读一遍（至少），那不建议动手撸码），在大致了解vue是什么东西，有什么用，核心概念之后我们就可以开始着手学习vue。首先搭建环境。学习vue，我的建议是通过官手脚手架起步。>>>Installation$ npm install -g vue-cli>>Usage$ vue init <template-name> <project-name>...
2024-01-10
chrome下的Vue单步调试
一直觉得vue的单步调试很费劲，webpack编译后的代码让人难以捉摸，因为平时使用vs code开发环境，网上找了各种关于vs code单步调试vue的文章做了各种尝试都没成功，断点永远都进不去，断点处一直显示 已设置断点但还未绑定。没找到问题所在，有知道大神们的期待告知哦。使用vue-devtools插件的就不说...
2024-01-10
vue项目chrome调试不显示代码
项目目录有很多文件：我想调试main.js里面的代码，但是打开Chrome的sources里面看到的没有一个是和本地代码一样的文件：我试过在vue.config.js里面做这样的配置：还是没用如何才能在这里显示main.js代码方便我调试？谢谢各位啦我是用的vue-cli是4.5.10版本的回答...
2024-01-10
在macOSBigSur上安装MySQL8.xCompressedTARArchive
因个人能力有限，文章难免存在错误，望斧正，感谢。版本：macOS 11.3 Intel版本MySQL 8.0.24 Compressed TAR Archive一、准备所需文件前往 https://dev.mysql.com/downloads/mysql/ 选择macOS系统的Compressed TAR Archive版本下载，目前最新版本是8.0.24。下载后为~/Downloads/mysql-8.0.24-macos11-x86_64.tar.gz。将其解压至/usr/local并重命...
2024-01-10
